<template>
<d2-container type="card">
    <div style="margin: 5px; height: 550px;">
        <SplitPane :min-percent='20' :default-percent='40' split="vertical">
            <template slot="paneL">
                <box_img />
            </template>
            <template slot="paneR">
                <data_table />
            </template>
        </SplitPane>
    </div>
</d2-container>
</template>

<script>
import Vue from 'vue'
import SplitPane from 'vue-splitpane'
Vue.component('SplitPane', SplitPane)

import Img from './components/main_box.vue';
import Info from './components/info.vue';

export default {
    components: {
        'data_table': Info,
        'box_img': Img
    }
}
</script>
